<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition>
	<h:panelGrid id="messageInfoInputPanel" columns="2">
		<h:outputText value="id" />
		<h:outputText value="#{messageModel.current.id}" />
		<h:outputText value="Type" />
		<h:selectOneMenu value="#{messageModel.current.type}">
			<f:selectItems value="#{messageModel.messageTypes}" var="type"
				itemValue="#{type}" itemLabel="#{type.label}"></f:selectItems>
		</h:selectOneMenu>
		<h:outputText value="Published Date" />
		<p:calendar value="#{messageModel.current.publishedDate}" />
	</h:panelGrid>
	<p:tabView>
		<p:tab title="English">
			<h:panelGrid columns="2" style="width:100%">
				<h:outputText value="Title" />
				<p:inputText value="#{messageModel.current.title}"
					style="width:100%" />
				<h:outputText value="Content" />
				<p:inputTextarea value="#{messageModel.current.content}" style="width:100%;"  autoResize="true"/>
			</h:panelGrid>
		</p:tab>
		<p:tab title="Chinese">
			<h:panelGrid columns="2" style="width:100%">
				<h:outputText value="Title" />
				<p:inputText value="#{messageModel.current.chineseTitle}" style="width:100%"/>
				<h:outputText value="Content" />
				<p:inputTextarea value="#{messageModel.current.chineseContent}" style="width:100%;" autoResize="true"/>
			</h:panelGrid>
		</p:tab>
		<p:tab title="French">
			<h:panelGrid columns="2" style="width:100%">
				<h:outputText value="Title" />
				<p:inputText value="#{messageModel.current.frenchTitle}" style="width:100%" />
				<h:outputText value="Content" />
				<p:inputTextarea value="#{messageModel.current.frenchContent}" style="width:100%"  autoResize="true"/>
			</h:panelGrid>
		</p:tab>

	</p:tabView>
</ui:composition>

</html>